<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui" template="../layout/base.xhtml"
	xmlns:sec="http://www.springframework.org/security/tags">
	<ui:define name="bodyPrincipal">
		<h:panelGroup layout="block">

			Button simples - Tipo - commandButton
			<br/>
			
			<p:commandButton value="Primary" type="button" styleClass="btn btn-primary"/>
			<br/>
			<br/>
			<p:commandButton value="Info" type="button" styleClass="btn btn-info"/>
			<br/>
			<br/>
			<p:commandButton value="Sucess" type="button" styleClass="btn btn-success"/>
			<br/>
			<br/>
			<p:commandButton value="Warning" type="button" styleClass="btn btn-warning"/>
			<br/>
			<br/>
			<p:commandButton value="Danger" type="button" styleClass="btn btn-danger"/>
			<br/>
			<br/>
			<br/>
			Button simples - Tamanho - commandButton
			<br/>
			<p:commandButton value="Primary" type="button" styleClass="btn btn-primary"/>
			<br/><br/>
			<p:commandButton value="Info" type="button" styleClass="btn btn-info btn-sm"/>
			<br/><br/>
			<p:commandButton value="Warning" type="button" styleClass="btn btn-warning btn-lg"/>
			<br/><br/>
			<p:commandButton value="Danger" type="button" styleClass="btn btn-danger btn-xs"/>
			<br/><br/>
		
			Button com icone - p:commandLink
			<br/>
			<p:commandLink styleClass="btn btn-info">
			<i class="fa fa-clock-o">
			</i><p:spacer width="5"/>
			</p:commandLink>
			<br/><br/>
			<p:commandLink styleClass="btn btn-warning btn-lg">
			<i class="fa fa-check">
			</i><p:spacer width="5"/> Sucess
			</p:commandLink>
			<br/><br/>
			<aside>
			<ul>
				
				<li>
						<a href="#"><i class="fa fa-lg fa-fw fa-desktop"></i> <span class="menu-item-parent">UI Elements</span><b class="collapse-sign"><em class="fa fa-plus-square-o"></em></b></a>
						<ul>
							<li>
								<a href="ajax/general-elements.html">General Elements</a>
							</li>
							<li>
								<a href="ajax/buttons.html">Buttons</a>
							</li>
							<li>
								<a href="#">Icons<b class="collapse-sign"><em class="fa fa-plus-square-o"></em></b></a>
								<ul>
									<li>
										<a href="ajax/fa.html"><i class="fa fa-plane"></i> Font Awesome</a>
									</li>
									<li>
										<a href="ajax/glyph.html"><i class="glyphicon glyphicon-plane"></i> Glyph Icons</a>
									</li>
									<li>
										<a href="ajax/flags.html"><i class="fa fa-flag"></i> Flags</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="ajax/grid.html">Grid</a>
							</li>
							<li>
								<a href="ajax/treeview.html">Tree View</a>
							</li>
							<li>
								<a href="ajax/nestable-list.html">Nestable Lists</a>
							</li>
							<li>
								<a href="ajax/jqui.html">JQuery UI</a>
							</li>
							<li>
								<a href="ajax/typography.html">Typography</a>
							</li>
							<li>
								<a href="#">Six Level Menu<b class="collapse-sign"><em class="fa fa-plus-square-o"></em></b></a>
								<ul>
									<li>
										<a href="#"><i class="fa fa-fw fa-folder-open"></i> Item #2<b class="collapse-sign"><em class="fa fa-plus-square-o"></em></b></a>
										<ul>
											<li>
												<a href="#"><i class="fa fa-fw fa-folder-open"></i> Sub #2.1 <b class="collapse-sign"><em class="fa fa-plus-square-o"></em></b></a>
												<ul>
													<li>
														<a href="#"><i class="fa fa-fw fa-file-text"></i> Item #2.1.1</a>
													</li>
													<li>
														<a href="#"><i class="fa fa-fw fa-plus"></i> Expand<b class="collapse-sign"><em class="fa fa-plus-square-o"></em></b></a>
														<ul>
															<li>
																<a href="#"><i class="fa fa-fw fa-file-text"></i> File</a>
															</li>
															<li>
																<a href="#"><i class="fa fa-fw fa-trash-o"></i> Delete</a></li>
														</ul>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li>
										<a href="#"><i class="fa fa-fw fa-folder-open"></i> Item #3<b class="collapse-sign"><em class="fa fa-plus-square-o"></em></b></a>
		
										<ul>
											<li>
												<a href="#"><i class="fa fa-fw fa-folder-open"></i> 3ed Level <b class="collapse-sign"><em class="fa fa-plus-square-o"></em></b></a>
												<ul>
													<li>
														<a href="#"><i class="fa fa-fw fa-file-text"></i> File</a>
													</li>
													<li>
														<a href="#"><i class="fa fa-fw fa-file-text"></i> File</a>
													</li>
												</ul>
											</li>
										</ul>	
									</li>
									<li>
										<a href="#" class="inactive"><i class="fa fa-fw fa-folder-open"></i> Item #4 (disabled)</a>
									</li>	
									
								</ul>
							</li>
						</ul>
					</li>	
				</ul>
</aside>

		</h:panelGroup>
	</ui:define>
</ui:composition>
